<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>信息化项目实施泳道图</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* 泳道图基础样式 */
        .swimlane-container {
            display: flex;
            flex-direction: column;
            width: 100%;
            overflow-x: auto;
            border: 1px solid #e2e8f0;
            border-radius: 0.5rem;
            background-color: #f8fafc;
        }
        .swimlane-header {
            display: flex;
            border-bottom: 1px solid #e2e8f0;
            background-color: #1e40af;
            color: white;
        }
        .swimlane-role {
            flex: 0 0 180px;
            padding: 0.75rem 1rem;
            font-weight: 600;
            border-right: 1px solid #e2e8f0;
            text-align: center;
        }
        .swimlane-stage {
            flex: 1;
            padding: 0.75rem 1rem;
            font-weight: 600;
            text-align: center;
            border-right: 1px solid #e2e8f0;
        }
        .swimlane-body {
            display: flex;
            flex-direction: column;
        }
        .swimlane-row {
            display: flex;
            border-bottom: 1px solid #e2e8f0;
        }
        .swimlane-role-cell {
            flex: 0 0 180px;
            padding: 1rem;
            border-right: 1px solid #e2e8f0;
            background-color: #eff6ff;
            font-weight: 500;
        }
        .swimlane-task-cell {
            flex: 1;
            padding: 1rem;
            border-right: 1px solid #e2e8f0;
            min-height: 80px;
            display: flex;
            align-items: center;
        }
        .task-card {
            width: 100%;
            padding: 0.75rem;
            border-radius: 0.375rem;
            background-color: white;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
            border-left: 4px solid #3b82f6;
        }
        .task-title {
            font-weight: 600;
            color: #1e40af;
            margin-bottom: 0.25rem;
        }
        .task-desc {
            font-size: 0.875rem;
            color: #475569;
        }
        /* 响应式调整 */
        @media (max-width: 1200px) {
            .swimlane-role {
                flex: 0 0 150px;
            }
            .swimlane-role-cell {
                flex: 0 0 150px;
            }
        }
        @media (max-width: 768px) {
            .swimlane-header {
                flex-direction: column;
            }
            .swimlane-body {
                flex-direction: column;
            }
            .swimlane-row {
                flex-direction: column;
            }
            .swimlane-role, .swimlane-role-cell {
                flex: 0 0 auto;
                width: 100%;
            }
            .swimlane-stage, .swimlane-task-cell {
                flex: 0 0 auto;
                width: 100%;
            }
        }
    </style>
</head>
<body class="p-4 md:p-8 bg-gray-50">
    <div class="max-w-7xl mx-auto">
        <h1 class="text-2xl md:text-3xl font-bold text-center text-gray-800 mb-8">山东省卫生健康委员会信息化项目实施泳道图</h1>
        
        <div class="swimlane-container">
            <!-- 泳道图头部：阶段 -->
            <div class="swimlane-header">
                <div class="swimlane-role">责任主体</div>
                <div class="swimlane-stage">1. 项目启动阶段</div>
                <div class="swimlane-stage">2. 资源与需求阶段</div>
                <div class="swimlane-stage">3. 设计与实施阶段</div>
                <div class="swimlane-stage">4. 测试与上线阶段</div>
                <div class="swimlane-stage">5. 对接与初验阶段</div>
                <div class="swimlane-stage">6. 试运行与测评阶段</div>
                <div class="swimlane-stage">7. 验收与报备阶段</div>
            </div>

            <!-- 泳道图主体：各责任主体任务 -->
            <div class="swimlane-body">
                <!-- 业主单位（含使用单位） -->
                <div class="swimlane-row">
                    <div class="swimlane-role-cell">业主单位（含使用单位）</div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">主持启动会</div>
                            <div class="task-desc">确定各方负责人，明确项目管理流程</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">确认开工/资源申请</div>
                            <div class="task-desc">确认开工通知；使用单位盖章云资源申请材料</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">组织设计评审</div>
                            <div class="task-desc">组织需求评审、概要设计评审、详细设计评审</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">组织三方检查</div>
                            <div class="task-desc">联合监理、承建单位开展系统上线后三方检查</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">组织初验</div>
                            <div class="task-desc">检查验收准备情况，邀请专家开展正式初验</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">出具试运行意见</div>
                            <div class="task-desc">监督试运行过程，出具正式试运行意见</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">组织终验+报备</div>
                            <div class="task-desc">邀请含信创专家的小组验收；向大数据局报备验收结果</div>
                        </div>
                    </div>
                </div>

                <!-- 承建单位 -->
                <div class="swimlane-row">
                    <div class="swimlane-role-cell">承建单位</div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">汇报项目情况</div>
                            <div class="task-desc">在启动会中汇报项目整体规划与实施计划</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">申请开工+云资源</div>
                            <div class="task-desc">提交开工申请；梳理云资源需求，编写申请材料并报备</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">需求调研+项目实施</div>
                            <div class="task-desc">编写需求文档；采购硬件、开发软件，开展自检</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">自检自测+部署上线</div>
                            <div class="task-desc">信创环境下全面自测；完成信创适配后部署上线</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">开展培训+系统对接</div>
                            <div class="task-desc">组织用户培训（签到/留痕）；完成业务系统对接</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">配合测评改造</div>
                            <div class="task-desc">配合等保测评；完成密码改造（对接省卫健委密码系统）</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">准备验收材料+移交</div>
                            <div class="task-desc">配合准备验收资料；移交系统代码、电子文档（光盘）</div>
                        </div>
                    </div>
                </div>

                <!-- 监理单位 -->
                <div class="swimlane-row">
                    <div class="swimlane-role-cell">监理单位</div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">宣贯工作要求</div>
                            <div class="task-desc">在启动会中明确项目监理工作要求与标准</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">审核开工申请</div>
                            <div class="task-desc">审核承建单位提交的开工申请及相关附件</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">监督实施过程</div>
                            <div class="task-desc">监督需求调研、设计、硬件采购与软件开发过程</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">参与三方检查</div>
                            <div class="task-desc">联合业主、承建单位开展系统上线后三方检查</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">参与初验</div>
                            <div class="task-desc">参与初验准备检查及正式初验工作</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">监督试运行</div>
                            <div class="task-desc">监督项目试运行过程，确认试运行记录完整性</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">参与终验</div>
                            <div class="task-desc">参与竣工验收全过程，出具监理意见</div>
                        </div>
                    </div>
                </div>

                <!-- 测试单位 -->
                <div class="swimlane-row">
                    <div class="swimlane-role-cell">测试单位</div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">宣贯测评要求</div>
                            <div class="task-desc">在启动会中明确项目测评标准与技术要求</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">等待后续测试阶段启动</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">等待系统开发完成后开展测试</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">开展第三方测试</div>
                            <div class="task-desc">同步三方检查，开展系统第三方软件测试</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">根据初验需求提供测试支持</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">开展等保/密码测评</div>
                            <div class="task-desc">执行等保测评、密码测评工作，出具测评报告</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">提供测评报告</div>
                            <div class="task-desc">向验收小组提交等保/密码测评报告作为验收依据</div>
                        </div>
                    </div>
                </div>

                <!-- 数管中心 -->
                <div class="swimlane-row">
                    <div class="swimlane-role-cell">数管中心</div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">等待后续资源申请与对接需求</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">审核云资源申请</div>
                            <div class="task-desc">审核资源申请材料并签章；协助向大数据局填报工单</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">等待系统开发完成后开展对接支持</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">支持系统对接</div>
                            <div class="task-desc">提供数据资源系统、态势感知平台对接支持</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">支持单点登录对接</div>
                            <div class="task-desc">接收承建单位报备，提供省全民健康信息平台单点登录对接支持</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">根据密码改造需求提供支持</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">配合验收小组提供对接相关证明材料</div>
                        </div>
                    </div>
                </div>

                <!-- 省大数据局 -->
                <div class="swimlane-row">
                    <div class="swimlane-role-cell">省大数据局</div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">等待后续资源申请与验收申请</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">审批云资源</div>
                            <div class="task-desc">接收资源申请工单，审批云资源分配/备案</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">等待验收阶段接收申请</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">无直接任务</div>
                            <div class="task-desc">等待对接“爱山东”等平台的审核需求</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">审核平台对接申请</div>
                            <div class="task-desc">审核“爱山东”“山东通”对接申请</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">提供密码资源（可选）</div>
                            <div class="task-desc">无法对接省卫健委密码系统时，提供密码服务资源</div>
                        </div>
                    </div>
                    <div class="swimlane-task-cell">
                        <div class="task-card">
                            <div class="task-title">接收验收申请+报备</div>
                            <div class="task-desc">接收终验申请；接收业主单位提交的验收结果报备</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-8 text-sm text-gray-500 text-center">
            说明：1. 泳道图按“责任主体-项目阶段”维度展示任务分工；2. 关键节点（如信创验收、密码改造）已标注核心要求；3. 响应式设计支持移动端浏览（横向滚动）
        </div>
    </div>
</body>
</html>